<template>
    <div id="foot">
        <div class="foot">
            <div class="foot-left">
                <div class="footimg"><img src="../assets/images/dataxpic.png" alt=""></div>
                <p>Copyright © 2011 - 2018 </p>
            </div>
            <div style="flex:1;"></div>
            <div class="foot-right">
                <ul>
                    <li> <a href="">{{$t("f.help")}}</a></li>
                    <li> <a href="">{{$t("f.novice")}}</a></li>
                    <li> <a href="">{{$t("f.guide")}}</a></li>
                </ul>
                <ul>
                    <li> <a href="">{{$t("f.contact")}}</a></li>
                    <li> <a href="">{{$t("f.wechat")}}</a></li>
                    <li> <a href="">{{$t("f.blog")}}</a></li>
                </ul>
                <ul>
                    <li> <a href="">{{$t("f.about")}}</a></li>
                    <li> <a href="">{{$t("f.aboutwe")}}</a></li>
                </ul>
            </div> 
        </div>    
    </div>
</template>
<script>
export default{
    data(){
        return{
            
        }
    }
}
</script>
<style lang="less" scoped>
#foot{
    background-color: black;
    .foot{
         font-family: PingFangSC;
         color: #fff;
         display: flex;
         width: 1200px;
         height: 115px;
         margin: 0 auto;
         padding: 20px 0;
        .foot-left{
          img{
              height: 40px;
          }
          p{
              padding-top: 15px;
              font-size: 12px;
          }
        }
        .foot-right{
            display: flex;
            flex-direction:row-reverse; 
            ul{
              list-style: none;
              margin: 0 70px;
              font-size: 12px;
              line-height: 25px;
              a{
                  color: #fff;
              }
              li:first-child{
                  font-size: 10px;
              }
            }
        }
    }

}
</style>
